﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8" />
	<title>数据列表页面</title>
	<!-- layui.css -->
	<link href="../../plugin/layui/css/layui.css" rel="stylesheet" />
	<style>
		.layui-btn-small {
			padding: 0 15px;
		}

		.layui-form-checkbox {
			margin: 0;
		}

		tr td:not(:nth-child(0)),
		tr th:not(:nth-child(0)) {
			text-align: center;
		}

		#dataConsole {
			text-align: center;
		}

		/*分页页容量样式*/
		/*可选*/
		.layui-laypage {
			display: block;
		}

		/*可选*/
		.layui-laypage>* {
			float: left;
		}

		/*可选*/
		.layui-laypage .laypage-extend-pagesize {
			float: right;
		}

		/*可选*/
		.layui-laypage:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		/*必须*/
		.layui-laypage .laypage-extend-pagesize {
			height: 30px;
			line-height: 30px;
			margin: 0px;
			border: none;
			font-weight: 400;
		}

		/*分页页容量样式END*/
	</style>
</head>

<body>
	<fieldset id="dataConsole" class="layui-elem-field layui-field-title" style="display:none;">
		<legend>控制台</legend>
		<div class="layui-field-box">
			<div id="articleIndexTop">
				<form class="layui-form layui-form-pane" action="">
					<div class="layui-form-item" style="margin:0;margin-top:15px;">
						<div class="layui-inline">
							<label class="layui-form-label">分类</label>
							<div class="layui-input-inline">
								<select name="city">
									<option value=""></option>
									<option value="0">未支付</option>
									<option value="1">支付</option>
								</select>
							</div>
							<label class="layui-form-label">关键词</label>
							<div class="layui-input-inline">
								<input type="text" name="keywords" autocomplete="off" class="layui-input">
							</div>
							<div class="layui-input-inline" style="width:auto">
								<button class="layui-btn" lay-submit lay-filter="formSearch">搜索</button>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</fieldset>
	<fieldset id="dataList" class="layui-elem-field layui-field-title sys-list-field" style="display:none;">
		<legend style="text-align:center;">账单列表</legend>
		<div class="layui-field-box">
			<div class="">
				<!--内容区域 ajax获取-->
				<table class="layui-table" lay-even="">
					<colgroup>
						<col width="100">
						<col width="100">
						<col width="50">
						<col width="50">
						<col width="90">
						<col width="90">
						<col width="90">
					</colgroup>
					<thead>
						<tr>
							<th>订单编号</th>
							<th>订单机构</th>
							<th>学生</th>
							<th>订单金额</th>
							<th>创建时间</th>
							<th>支付时间</th>
						</tr>
					</thead>
					<tbody id="dataContent">

					</tbody>
				</table>
				<div id="pageNav"></div>
			</div>
		</div>
	</fieldset>
	<!-- layui.js -->
	<script src="../../plugin/layui/layui.js"></script>
	<!-- layui规范化用法 -->
	<script type="text/javascript">
		layui.config({
			base: '../js/'
		}).use('datalist');
	</script>
</body>

</html>